<!-- 详情 -->
<template>
	<view class="common-content">
		<view class="uni-page-head" v-if="titleFlag">
			<image class="common-title-img" style="left: 20rpx;" :src="require('../../static/imges/fanhui.png')"
				@click="back()"></image>
			<!-- <view class="common-title-img">
					<u-icon name="arrow-right" color="#FFFFFF" width="20rpx" height="20rpx" size="48" @click="back()"></u-icon>
				</view> -->


			<view class="uni-page-head-title">
				验工计价详情
			</view>
		</view>
		<view v-if="titleFlag" style="margin-top: 90rpx;">
			<!-- 这个盒子是用来撑空间，又不想改变下边的body盒子 所以在这加了一个空盒子，可以根据新老MOA判断 -->
		</view>
		<!-- 搜索 -->
		<view class="u-search-box">
			<view class="u-search-inner">
				<u-icon name="search" color="#909399" :size="28"></u-icon>
				<u-input v-model="xmmcerer" height="30" placeholder="请输入服务名称/编码" />
			</view>
			<view style="display: flex;  width:15% height:80rpx;margin-left: 10rpx;">
				<image @click="rightJump()" style="width: 38rpx;height: 44rpx;margin-top: 10rpx;"
					src="../../static/imges/loudou2.png" mode=""></image>
				<!-- <view class="l-label" @click="sousuo()">搜索</view> -->
			</view>
		</view>
		<!-- 右侧弹出栏 -->
		<view class="u-demo-area">
			<u-popup border-radius="10" v-model="show" mode="right" length="70%" :mask="mask" :closeable="true"
				close-icon-pos="top-left">
				<view style="margin-top: 32rpx;">
					<text class="bss-price-title-text">服务单查询</text>
				</view>
				<view style="margin-top: 10px;">

					<view style="width: 100%; padding-left: 15px; padding-right: 15px;">
						<view style="text-align: left;">
							<text style="font-size: 30rpx;color:#606266">服务名称</text>
						</view>
						<u-input v-model="xmmc" type="text" :border="border" border-color="#c0c4cc" />
					</view>
					<view style="width: 100%; padding-left: 15px; padding-right: 15px;">
						<view style="text-align: left;">
							<text style="font-size: 30rpx;color:#606266">服务编码</text>
						</view>
						<u-input v-model="xmbm" type="text" :border="border" border-color="#c0c4cc" />
					</view>

				</view>

				<view style="height: 200rpx;">
					<view class="close-btn">
						<u-button @click="showchongzhi" size="medium">重置</u-button>
						<u-button size="medium" @click="showRight">确定</u-button>
					</view>
				</view>

			</u-popup>
		</view>


		<!-- 下列服务编码还未返回预估单 -->
		<view class="">
			<uni-collapse>
				<uni-collapse-item>
					<template v-slot:title>
						<view class=""
							style="height: 50rpx; margin-top: 10rpx; display: flex;justify-content: space-between;">
							<view style="margin-left:30rpx ;line-height:50rpx; ">
								下列服务编码还未返回预估单
							</view>

<!--							<view style="margin-right:30rpx ;line-height: 50rpx; font-size: 28rpx;color: #007AFF;">-->
<!--								<text @click.stop="batch_add()">批量新增</text>-->
<!--							</view>-->
						</view>
					</template>
					<view style="padding: 20rpx 20rpx;">
						<view style="font-size: 28rpx; font-weight: 600;">{{topnum}}</view>
						<view style="font-size:  28rpx;font-weight: 600;">预估单未返回时请确认以下操作是否已完成：</view>
						<!-- <label style="font-size: 13px;white-space: pre-line;">{{top}}</label> -->
						<label style="font-size:  28rpx;white-space: pre-line;color: #B3B3B3;" v-html="top"></label>
					</view>


				</uni-collapse-item>
			</uni-collapse>
		</view>

		<!-- 列表 -->
		<view class="list">
			<view class="coll-l" v-for="(item,index) in baseLister" :key="index">
				<!--  :open="true" -->
				<uni-collapse>
					<uni-collapse-item>
						<template v-slot:title>
							<view class="chanshishuju">
								<view class="chanshishuju-to" style="font-weight:bold;">
									<view class="none1" style="font-weight:bold;"><text :selectable="true">服务编码：{{item.serviceCode}}</text></view>
									<view class="none2" style="font-weight:bold;">
										{{item.valuationId==null?"未返回预估单":item.projectProgress+"%"}}
									</view>
								</view>
								<view style="font-weight:bold;">服务名称：<text :selectable="true">{{item.serviceName}}</text></view>
								<view class="chanshishuju-buttom">
                  <view>
                    <view class="t1">
                      商合预占金额：<text  :selectable="true">{{item.shMoney.includes(".")==true?item.shMoney:item.shMoney+".00"}}</text></text>
                    </view>
                    <view class="t2">累计验工金额： <text  :selectable="true"
                      style="color: red;font-weight:bold;">{{item.sumMoney.includes(".")==true?item.sumMoney:item.sumMoney+".00"}}</text>
                    </view>
                  </view>
                  <view>
                    <view class="t1">
                      <!--                  todo 精度问题-->
                      商合预占数：<text  :selectable="true">{{item.shNum}}</text>
                    </view>
                    <view class="t2">累计验工数量： <text  :selectable="true">{{item.sumNum}}</text>
                    </view>
                  </view>
								</view>
							</view>
						</template>
						<view class="list-body">
							<view class="yuanab">
								<view>
									<text :selectable="true">{{item.supplierName==null?"":"供应商名称："+item.supplierName}}</text>
								</view>
                <view style='display: flex;justify-content: space-between'>
                  <view>
                    <text class="t1">订单状态：</text>
                    <text  :selectable="true"
                      class="t2">{{item.orderState=="1"?"有效":item.orderState=="0"?"无效":item.orderState=="-1"?"冻结":"取消冻结"}}</text>
                  </view>
                  <view>
                    <text class="t1">单价（元）：</text>
                    <text  :selectable="true"
                      class="t2">{{item.price.includes(".")==true?item.price:item.price+".00"}}</text>
                  </view>
                </view>
							
							</view>
						</view>
						<!-- 滑块 -->
						<view class="Slider">
							<view style="background-color:white;margin: 6rpx 0;">
								<u-subsection :list="['基本信息', '计价信息']" @change="accordionChange" activeColor="#f56c6c"
									mode="subsection"></u-subsection>
							</view>
							<!-- 基本信息 -->
							<view class="list-bodyer" v-show="accordion == false">
								<view><text  :selectable="true">订单编号：{{item.orderCode}}</text></view>
								<view><text  :selectable="true">合同编码：{{item.contractCode}}</text></view>
								<view><text  :selectable="true">录入计价次数：{{item.valuationDetails.length}}</text></view>
                <view class="btn-body">
                  <button style="font-size: 28rpx;width: 120rpx;height: 50rpx;line-height: 50rpx;" class="btn--l" type="warn" @click="addClick(index)">新增</button>
                  <button class="btn--l2" @click="chongxiao(index)"
                    style="border:1px solid #EB4B4B;color:#EB4B4B ;font-size: 28rpx;width: 120rpx;height: 50rpx;line-height: 50rpx;">冲销</button>
                </view>

							</view>
							<!-- 计价信息 -->
							<view class="Pricinginformation" v-show="accordion == true">
								<scroll-view :scroll-y='true' style='height: 220rpx' :show-scrollbar="true">
									<view class="Pricingtion" v-for="(num,index2) in item.valuationDetails" :key="index2">
										<uni-collapse ref="collapseView" style="background-color: #00000010;">
											<uni-collapse-item>
												<template v-slot:title>
													<view class="lister-top">
														<view class="t1">
															<text  :selectable="true" space="ensp">第{{index2 +1}}次验工计价{{" "}}</text>
														</view>
														<view class="t2">
															<text   :selectable="true" space="ensp">{{num.createTime}}{{" "}}</text>
														</view>
														<view class="t3">
															<text  :selectable="true">{{num.payType == "FIRST"?"首付款":"进度款"}}</text>
														</view>
													</view>
												</template>
												<view class="lister-buttom">
													<view class="conner">
														<label class="t1">项目进度：<text  :selectable="true">{{num.projectProgress}}%</text></label>

														<label class="t2">推送状态：
															<span :style="getColor(num.isPush)">
																{{num.isPush=='0'?'未推送':num.isPush=='1'?'已推送':num.isPush=='2'?'超时':'部分推送'}}
															</span>
														</label>
													</view>
													<view class="conner">
														<label class="t1">本期验工数量：<text  :selectable="true">{{num.currentInspectionNum}}</text></label>
														<label class="t2">本期验工金额：<text  :selectable="true">{{num.currentInspectionMoney.includes(".")==true?num.currentInspectionMoney:num.currentInspectionMoney+".00"}}</text></label>
													</view>
													
												</view>


											</uni-collapse-item>
										</uni-collapse>

									</view>
									<!-- 提示 -->
									<view style="width: 100%;padding: 10rpx 0;text-align: center;background-color:#00000008; color:#737373 ;margin: 15rpx 0;">---没有更多了---</view>
								</scroll-view>
                <view class="conner-buttom">
<!--                   v-if="num.isPush==='0'"-->
                  <view>
                    <button style="font-size: 28rpx;width: 160rpx;height: 50rpx;line-height: 50rpx;padding: 0 10rpx;"  type="warn" size="mini"  @click="deleteObj(item.valuationDetails)">删除</button>
                  </view>
<!--                  v-if="num.isPush!=='1'"-->
                  <view >
                    <button style="font-size: 28rpx;width: 160rpx;height: 50rpx;line-height: 50rpx;padding: 0 10rpx;"  type="warn" size="mini"  @click="tuisong(item.valuationDetails)">推送商合</button>
                  </view>
                </view>
							</view>
						
						</view>
					</uni-collapse-item>
				</uni-collapse>
			</view>
            <!-- 提示 -->
            <view style="width: 100%;padding: 10rpx 0;text-align: center;background-color:#00000008; color:#737373 ;margin: 15rpx 0;">---没有更多了---</view>
		</view>
	</view>


</template>

<script>
	import talkingdata from '../../common/talkingdata.js';
	var mThis
	export default {
		data() {
			return {
				topnum: "",
				top: `（1）请与地市商合岗确认对应的服务编码是否已经采购下单（选址费、赔补费、测绘费、工程签证类服务需<text style="font-weight:bold;color:black;">【项目经理】</text>跳转<text style="font-weight:bold;color:black;">【商合交易系统】</text>去下单，具体操作路径：<text style="font-weight:bold;color:black;">PMS系统-【项目操作管理】-【采购操作】-【选址/赔补/测绘/签证费下单】</text>）。\n（2）如果已下单，请项目经理到商合交易系统完成收货（操作路径：<text style="font-weight:bold;color:black;">我的业务/我的账户/订单管理</text>），收货之后系统会在1小时左右推送预估单到PMS。可在订单详情页查询最新推送状态（查询路劲：<text style="font-weight:bold;color:black;">查看/查看订单报账</text>）。\n(3）不需要的服务模块可通过项目设计变更删除。操作手册请见<text style="font-weight:bold;color:black;">【知识管理】</text>平台，搜索“设计变更”。`,
                baseLister:"",
				baseList: [
					// {
					// 		collapsTitle: "动力配套施工900101040411",
					// 		body: "1111",
					// 		percentage:"60%"
					// 	},
					// 	{
					// 		collapsTitle: "外电引入施工002970900101060604",
					// 		body: "2222",
					// 		percentage:"60%"
					// 	},
					// 	{
					// 		collapsTitle: "动力配套施工900101040411",
					// 		body: "2222",
					// 		percentage:"60%"
					// 	}
				],
				addlist: [],
				alerts: '',
				accordion: false,



				prjId: "",
				adddom: false,
				show: false,
				border: true,
				mask: true, // 是否显示遮罩
				xmmcer:"",
				xmmcerer:"",
				xmmc: "",
				xmbm: "",
				titleFlag: true
			}
		},
		onLoad(option) {

			mThis = this
			this.prjId = option.prjId
			console.log("this.prjId==" + this.prjId)
			if (uni.getStorageSync('moaType') == "0") {
				this.titleFlag = false
			}

			//this.getIncompleteList()
		},
		onShow() {
			console.log("222222222")
			this.topnum = ''
			this.baseList = []
			this.addlist = []
			this.getIncompleteList();

		},
		onReady() {
			console.log("执行onReady")

			//在页面挂载完成后，调用外部埋点，统计数据
			const script = document.createElement('script');
			script.type = 'text/javascript';
			script.src = talkingdata.talkingKey;
			document.body.appendChild(script);

		},
		// onBackPress(options) {
		// 	if (options.from === 'navigateBack') {
		// 		console.log("触发1")
		// 		return false;
		// 	}
		// 	console.log("触发2")
		// 	this.back();
		// 	return true;
		// },
		watch:{
			xmmcerer(){
				console.log()
				if(this.xmmcerer!=""){             
					let scoresb2 = this.baseList.filter((item) => {
						if(item.serviceName.includes(this.xmmcerer) != false){
							console.log("这里是名称")
							return item.serviceName.includes(this.xmmcerer)
						}else if(item.serviceCode.includes(this.xmmcerer) != false){
							console.log("这里是编码")
							return item.serviceCode.includes(this.xmmcerer)
						}else{
                console.log('啥也不是')
            }
					})
					this.baseLister=scoresb2;
				}else{
					this.baseLister=this.baseList;
				}
				
			},
		},
		methods: {
			back() {
				console.log("触发3")
				uni.navigateBack({
					delta: 1
				});
			},
			getColor(num) {
				if (num == '0') {
					return 'color:#EB4B4B;'
				} else {
					return 'color:#09BB07;'
				}
			},
			rightJump() {
				console.log("点击一下2222")

				this.show = true;

			},
			batch_add() {
				console.log("出发")
				uni.navigateTo({
					url: './batch_addProject?prjId=' + this.prjId
				});

			},
			addClick(e) {
				console.log("1,当前数组的节点" + e)
				//this.adddom = true;
				uni.navigateTo({
					url: './addProject2?prjId=' + this.prjId + '&index=' + e
				});
				// var that = this
				// uni.showModal({confirmColor: '#eb4b4b',
				// 	title:"温馨提示",
				// 	content:"新增成功",
				// 	showCancel: false
				// })
				// var obj = {
				// 	titleValue:"进度款",
				// 	value:"123",
				// 	state:"未推送"

				// }
				// this.addlist.push(obj);

			},
			sousuo() {
				this.baseList = [];
				this.xmbm="",
				this.xmmc="",
				this.getList();
			},
			quxiao() {
				this.adddom = false;
			},
			chongxiao(e) {
				uni.navigateTo({
					url: './writeOff?prjId=' + this.prjId + '&index=' + e
				});
			},
			collapseClick() {
				var that = this;
				console.log("触发");
				that.$nextTick(() => {
					that.$refs.collapseView.init()
				})
			},
			//后期区分角色使用
			accordionChange(index) {
				console.log("===" + index);
				this.accordion = index == 0 ? false : true; //true是
				console.log("===" + this.accordion);
			},

			showchongzhi() {
				this.xmmc = ""
				this.xmbm = ""
			},
			showRight() {
				this.show = false;
				this.baseList = [];

				this.getList();
			},
			/**
			 * @author: MrLiu
			 * @time: 2021-09-15
			 * @Title: 工序详情
			 */
			getIncompleteList() {

				uni.showLoading({
					title: '加载中...',
					mask: true
				});

				console.log('传入参数' + this.prjId);

				uni.request({
					url: uni.getStorageSync('url') + "/pms/app/service/getServiceReceInspection?prjId=" + this
						.prjId,
					method: 'POST',
					dataType: 'json',
					timeout: 10000 * 60,
					header: {
						'pmsToken': uni.getStorageSync('pmsToken')
					},
					data: {

					},
					success: (res) => {
						uni.hideLoading();
						//console.log('列表数据:' + JSON.stringify(res));

						var data = res.data;
						var result = JSON.stringify(data)
						console.log('列表数据:' + result);
						if (data.resultStat == "000") {
							for (var i = 0; i < data.serviceCodes.length; i++) {
								this.topnum += data.serviceCodes[i].SERVICECODE + "； "
							}

							this.getList();
							//console.log('得到的数据=' + JSON.stringify(this.flagList));
						} else {
							uni.showModal({confirmColor: '#eb4b4b',
								title: '温馨提示',
								content: data.message,
								showCancel: false,
							})
						}

						uni.hideLoading();
						uni.stopPullDownRefresh();

					},
					fail: (data, code) => {
						uni.hideLoading();
						uni.stopPullDownRefresh();
						console.log('fail' + JSON.stringify(data));
					}
				});

			},
			/**
			 * @author: MrLiu
			 * @time: 2021-09-15
			 * @Title: 工序详情
			 */
			getList() {
				let that = this
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				 if(this.xmmcer!=""){
					if ((Number(this.xmmcer))) {
						console.log("数字")
						this.xmbm = this.xmmcer
						this.xmmc = ""
					} else {
					
						console.log("非数字")
						this.xmbm = ""
						this.xmmc = this.xmmcer
					} 
				 }
				console.log('传入参数' + this.prjId);
				console.log('传入参数' + this.xmmc);
				console.log('传入参数' + this.xmbm);
				uni.request({
					url: uni.getStorageSync('url') + "/pms/app/service/queryValuationDetails?prjId=" + this.prjId +
						"&serviceCode=" + this.xmbm + "&serviceName=" + this.xmmc,
					method: 'POST',
					dataType: 'json',
					timeout: 10000 * 60,
					header: {
						'pmsToken': uni.getStorageSync('pmsToken')
					},
					data: {

					},
					success: (res) => {
						uni.hideLoading();
						//console.log('列表数据:' + JSON.stringify(res));

						var data = res.data;
						var result = JSON.stringify(data)
						console.log('列表数据222:', data);
						if (data.resultStat == "000") {
							console.log('列表长度0==:' + data.valuationInfo.length);
							if (data.valuationInfo.length !== 0) {								
								let person = data.valuationInfo
								function compare(property){
								    return function(a,b){
								        var value1 = a[property];
								        var value2 = b[property];
								        return value1 - value2;//升序,降序为value2 - value1
								    }
								}

								let arr1 =person.sort(compare('projectProgress'))
								let arr2 = arr1.filter((item) => {
									return item.valuationId != null
								})
								let arr3 = arr1.filter((item) => {
									return item.valuationId == null
								})
								let arr4 = [...arr3, ...arr2]

								this.baseList = arr4;
								this.baseLister=this.baseList;
								console.log('列表长度1:' + this.baseList.length);
								this.addlist = data.valuationInfo.valuationDetails
								console.log('列表长度2:' + JSON.stringify(this.addlist));
							} else {
								uni.showModal({confirmColor: '#eb4b4b',
									title: '温馨提示',
									content: "没有数据",
									showCancel: false,
								})
							}



							//console.log('得到的数据=' + JSON.stringify(this.flagList));
						} else {
							uni.showModal({confirmColor: '#eb4b4b',
								title: '温馨提示',
								content: data.message,
								showCancel: false,
							})
						}

						uni.hideLoading();
						uni.stopPullDownRefresh();

					},
					fail: (data, code) => {
						uni.hideLoading();
						uni.stopPullDownRefresh();
						console.log('fail' + JSON.stringify(data));
					}
				});

			},



			itemChange(e) {
				console.log(e);
			},
			change(index) {
				let str = '';
				if (Array.isArray(index)) {
					let arr = index.map(val => {
						return Number(val) + 1;
					})
					index = arr.join(',');
				} else {
					index = Number(index) + 1;
				}
				// this.$refs.uToast.show({
				// 	title: `点击了第${index}个`,
				// 	type: 'warning'
				// })
			},
			deleteObj(e) {
        console.log(e)
        if (!e || e.length === 0){
          return '请选择数据删除'
        }
        const valuationDetailId = e[e.length-1].valuationDetailId
				let that = this
				uni.showModal({confirmColor: '#eb4b4b',
					title: '温馨提示',
					content: "是否确认删除",
					success: function(res1) {
						if (res1.confirm) {
							uni.showLoading({
								title: '加载中...',
								mask: true
							});
							uni.request({
								url: uni.getStorageSync('url') +
									"/pms/app/service/delValuationDetail?valuationDetailId=" + valuationDetailId,
								method: 'POST',
								dataType: 'json',
								timeout: 10000 * 60,
								header: {
									'pmsToken': uni.getStorageSync('pmsToken')
								},
								success: (res) => {
									uni.hideLoading();
									var data = res.data;
									var result = JSON.stringify(data)
									console.log('列表数据:' + result);
									if (data.resultStat == "000") {
										uni.showModal({confirmColor: '#eb4b4b',
											title: '温馨提示',
											content: data.message,
											showCancel: false,
											success: function(res2) {
												if (res2.confirm) {
													that.addlist = [];
													that.getList()
												}
											}
										})
									} else {
										uni.showModal({confirmColor: '#eb4b4b',
											title: '温馨提示',
											content: data.message,
											showCancel: false,
										})
									}
									uni.hideLoading();
									uni.stopPullDownRefresh();
								},
								fail: (data, code) => {
									uni.hideLoading();
									uni.stopPullDownRefresh();
								}
							});

						}
					}
				});
			},
			tuisong(e) {
        if (!e || e.length === 0){
          return '请选择数据删除'
        }
        const valuationDetailId = e[e.length-1].valuationDetailId
				let that = this
				uni.showModal({confirmColor: '#eb4b4b',
					title: '温馨提示',
					content: "当前验工计价将推送商合交易",
					success: function(res1) {
						if (res1.confirm) {
							uni.showLoading({
								title: '加载中...',
								mask: true
							});
							uni.request({
								url: uni.getStorageSync('url') +
									"/pms/app/service/pushValuationDetail?valuationDetailId=" + valuationDetailId,
								method: 'POST',
								dataType: 'json',
								timeout: 10000 * 60,
								header: {
									'pmsToken': uni.getStorageSync('pmsToken')
								},
								success: (res) => {
									uni.hideLoading();
									var data = res.data;
									var result = JSON.stringify(data)
									console.log('列表数据:' + result);
									if (data.resultStat == "000") {
										uni.showModal({confirmColor: '#eb4b4b',
											title: '温馨提示',
											content: data.message,
											showCancel: false,
											success: function(res2) {
												if (res2.confirm) {
													that.addlist = [];
													that.getList()
												}
											}
										})
									} else {
										uni.showModal({confirmColor: '#eb4b4b',
											title: '温馨提示',
											content: data.message,
											showCancel: false,
										})
									}
									uni.hideLoading();
									uni.stopPullDownRefresh();
								},
								fail: (data, code) => {
									uni.hideLoading();
									uni.stopPullDownRefresh();
									console.log('fail' + JSON.stringify(data));
								}
							});
						}
					}
				});
			},
		}
	}
</script>

<style>
	@import "@/common/common-ui.css";
</style>
<style scoped lang="scss">
	.u-search-box {
		padding: 18rpx 30rpx;
		background-color: #FFFFFF;
		display: flex;
		border-bottom: #00000017 3rpx solid;
	}

	.u-search-inner {
		background-color: rgb(204, 234, 234);
		width: 90%;
		border-radius: 10rpx;
		display: flex;
		align-items: center;
		padding: 10rpx 16rpx;
		background-color: white;
		border:solid 1px gray
	}

	.u-search-text {
		//height: 35px;
		font-size: 26rpx;
		color: $u-tips-color;
		margin-left: 10rpx;
	}

	.l-label {
		width: 50px;
		text-align: center;
		margin-top: 5px;
		margin-left: 10px;
		color: #EB4B4B;
		border: 1px solid #EB4B4B;
		border-radius: 5px;
	}

	.common-content {
		height: 100%;
		width: 100%;

		.list {
			width: 100%;
			padding: 10rpx 0 40rpx 0;
		}

		.coll-l {
			width: 100%;
			background-color: white;
			margin-bottom: 4rpx;

			.chanshishuju {
				width: 100%;
				color: black;
				text-align: left;
				padding: 10rpx 4% 10rpx 20rpx;

				.chanshishuju-to {
					width: 100%;
					display: flex;

					.none1 {
						width: 70%;
						display: flex;
						text-align: left;

						.yuancd {
							width: 60rpx;

							.yuan {
								width: 40rpx;
								height: 40rpx;
								text-align: center;
								border-radius: 25rpx;
								background-color: red;
								color: #FFFFFF;
								line-height: 40rpx;
								margin: 6rpx
							}
						}
					}

					.none2 {
						width: 30%;
						color: red;
						text-align: right
					}
				}

				.chanshishuju-buttom {
					width: 100%;
					color: #737373;
          display: flex;
          justify-content: space-between;
				}

			}

			.list-body {
				width: 100%;
				padding: 10rpx 4% 10rpx 80rpx;
				background-color: #00000010;
				margin: 0rpx;
				color: #737373;

				.yuanab {
					view {
						text-align: left;
						display: flex;
						width: 100%;
						overflow: hidden;

						.t1 {
							white-space: nowrap;
						}

						;

						.t2 {
							width: 60%;
						}
					}
				}

			}

			.Slider {
				width: 100%;

				.list-bodyer {
					width: 100%;
					padding: 20rpx 6% 20rpx 80rpx;
					margin: 0rpx;
					color: #737373;
					background-color: white;
				}

				.Pricinginformation {
					width: 100%;
					border-top: #00000010 1rpx solid;

					.Pricingtion {
						width: 100%;
						border-top: white 1px solid;
						.lister-top {
							width: 100%;
							display: flex;
							padding: 10rpx 4% 10rpx 20rpx;
							font-weight: bold;
						}

						.lister-buttom {
							width: 100%;
							padding: 20rpx 6% 20rpx 80rpx;
							margin: 0rpx;
							color: #737373;
							background-color: white;
							.conner{
								width: 100%;
								display: flex;
								.t1{
									width: 48%;
								}
								.t2{
									width: 52%;
								}								
							}
							
						}
					}
				}
        .conner-buttom{
          width: 100%;
          display: flex;
          padding: 20rpx 8% 10rpx 0 ;
          view{
            margin: auto;
            width: 50%;
            text-align: center;
          }
        }
				.btn-body {
					height: auto;
					display: flex;
					border-top: #00000010 0.5rpx solid;
				}
			}
		}
	}



	.yuan {
		width: 20px;
		height: 20px;
		text-align: center;
		border-radius: 10px;
		background-color: red;
		color: #FFFFFF;
		margin: 10px 5px 10px 10px;
		line-height: 20px;
	}

	.list-body {

		margin: 15px 15px 15px 15px;
		//border-bottom: 0.5px solid #929292;
	}

	.list-content {
		margin: 15px 15px 15px 10px;
		display: flex;
	}

	.list-label {
		width: 100px;
	}

	.list-text {
		color: #929292;
	}



	.btn--l {
		width: 70px;
		height: 30px;
		font-size: 13px;
		line-height: 30px;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.btn--l2 {
		width: 70px;
		height: 30px;
		font-size: 13px;
		line-height: 30px;
		margin-top: 15px;
		margin-bottom: 15px;
		background-color: #FFFFFF;

	}

	.bottom_btn {
		width: 100%;
		position: fixed;
		bottom: 0;
		z-index: 100;
		font-size: 14px;
		color: #007AFF;
	}

	.bss-price-title-text {
		height: 48rpx;
		font-size: 40rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		/* color: #FFFFFF; */
		/* color: #FFFFFF; */
		line-height: 48rpx;
	}

	.close-btn {
		// height: 100%;
		margin-top: 0rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.bold {
		font-weight: bold;
	}
</style>
